<template>
  <div class="test-cell">
    <navbar title="Cell 单元格" bold/>
    <description :description="baseDescription"/>
    <cell/>
    <cell title="地址" content="北京市天安门"/>
    <cell title="蔬菜" content="西红柿" description="可以用来炒鸡蛋，红黄之力"/>

    <description :description="iconDescription"/>
    <cell right-icon/>

  </div>
</template>

<script>
import Cell from "@/components/cell/cell";
import Navbar from "@/components/navbar/navbar";
import Description from "@/components/description/description";

export default {
  name: "test-cell",
  components: {Description, Navbar, Cell},
  data() {
    return {
      baseDescription: {
        params: 'title / content / description',
        des: '左侧标题 / 右侧内容 / 描述内容',
        type: 'string',
        default: '\'标题\' / \'内容\' / \'\'',
        choice: '——',
      },
      iconDescription: {
        params: 'right-icon',
        des: '右侧icon',
        type: 'boolean',
        default: 'false',
        choice: '——',
      }
    }
  }
}
</script>

<style scoped>
.test-cell {
  background-color: #f7f8fa;
  min-height: 100vh;
}
</style>